<template>
  <div @click="fatherFn">
    <h3>vue的事件修饰符</h3>
    <!-- 事件修饰符 => 修饰事件 
        @事件名.prevent  =>  e.preventDefault() 阻止默认行为
        @事件名.stop => e.stopPropagation() 阻止冒泡
    -->
    <a href="http://www.baidu.com" @click.prevent.stop="fn">去百度</a>
    <!-- $event (固定语法) 获取事件参数 -->
    <a href="http://www.jd.com" @click.prevent.stop="fn1('秘书', $event)">去京东</a>
  </div>
</template>

<script>
export default {
  methods: {
    fn() {
      // e.preventDefault() 原生js 阻止默认行为
      // e.preventDefault()
    },
    fn1(person) {
      if (person === '秘书') {
        alert('败家娘们,开了你')
        // event.preventDefault()
      }
    },
    fatherFn() {
      console.log('惊动爸爸了');
    }
  }
}
</script>

<style>

</style>